<!DOCTYPE html>
<html lang="zh-cn" dir="ltr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0">
    <meta name="generator" content="Hugo 0.120.4">
    <meta name="generator" content="Relearn 5.23.2">
    <meta name="description" content="操作系统-数据结构与算法-云计算-ARM64-C/C&#43;&#43;-Go">
    <meta name="author" content="Jiang Kun">
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Markdown :: 笔记">
    <meta name="twitter:description" content="操作系统-数据结构与算法-云计算-ARM64-C/C&#43;&#43;-Go">
    <meta property="og:title" content="Markdown :: 笔记">
    <meta property="og:description" content="操作系统-数据结构与算法-云计算-ARM64-C/C&#43;&#43;-Go">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://dipperkun.gitee.io/static-website/markdown-syntax/">
    <meta property="og:site_name" content="笔记">
    <title>Markdown :: 笔记</title>
    <link href="../../static-website/markdown-syntax/index.xml" rel="alternate" type="application/rss+xml" title="Markdown :: 笔记">
    <link href="../../static-website/markdown-syntax/index.print.html" rel="alternate" type="text/html" title="Markdown :: 笔记">
    <link href="../../images/favicon.png?1701141428" rel="icon" type="image/png">
    <!-- https://github.com/filamentgroup/loadCSS/blob/master/README.md#how-to-use -->
    <link href="../../css/fontawesome-all.min.css?1701141428" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fontawesome-all.min.css?1701141428" rel="stylesheet"></noscript>
    <link href="../../css/nucleus.css?1701141428" rel="stylesheet">
    <link href="../../css/auto-complete.css?1701141428" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/auto-complete.css?1701141428" rel="stylesheet"></noscript>
    <link href="../../css/perfect-scrollbar.min.css?1701141428" rel="stylesheet">
    <link href="../../css/fonts.css?1701141428" rel="stylesheet" media="print" onload="this.media='all';this.onload=null;"><noscript><link href="../../css/fonts.css?1701141428" rel="stylesheet"></noscript>
    <link href="../../css/theme.css?1701141428" rel="stylesheet">
    <link href="../../css/theme-zen-light.css?1701141428" rel="stylesheet" id="R-variant-style">
    <link href="../../css/variant.css?1701141428" rel="stylesheet">
    <link href="../../css/print.css?1701141428" rel="stylesheet" media="print">
    <link href="../../css/ie.css?1701141428" rel="stylesheet">
    <script src="../../js/url.js?1701141428"></script>
    <script src="../../js/variant.js?1701141428"></script>
    <script>
      // hack to let hugo tell us how to get to the root when using relativeURLs, it needs to be called *url= for it to do its magic:
      // https://github.com/gohugoio/hugo/blob/145b3fcce35fbac25c7033c91c1b7ae6d1179da8/transform/urlreplacers/absurlreplacer.go#L72
      window.index_js_url="../../index.search.js";
      var root_url="../../";
      var baseUri=root_url.replace(/\/$/, '');
      // translations
      window.T_Copy_to_clipboard = '复制到剪贴板';
      window.T_Copied_to_clipboard = '复制到剪贴板！';
      window.T_Copy_link_to_clipboard = '将链接复制到剪贴板';
      window.T_Link_copied_to_clipboard = '链接复制到剪贴板！';
      window.T_Reset_view = '重置视图';
      window.T_View_reset = '查看重置！';
      window.T_No_results_found = '找不到\u0022{0}\u0022的结果';
      window.T_N_results_found = '为\u0022{0}\u0022找到 {1} 个结果';
      // some further base stuff
      var baseUriFull='https:\/\/dipperkun.gitee.io/';
      window.variants && variants.init( [ 'zen-light', 'zen-dark' ] );
    </script>
  </head>
  <body class="mobile-support html disableInlineCopyToClipboard" data-url="../../static-website/markdown-syntax/">
    <div id="R-body" class="default-animation">
      <div id="R-body-overlay"></div>
      <nav id="R-topbar">
        <div class="topbar-wrapper">
          <div class="topbar-sidebar-divider"></div>
          <div class="topbar-area topbar-area-start" data-area="start">
            <div class="topbar-button topbar-button-sidebar" data-content-empty="disable" data-width-s="show" data-width-m="hide" data-width-l="hide">
              <button class="topbar-control" onclick="toggleNav()" type="button" title="导航 (CTRL&#43;ALT&#43;n)">
                <i class="fa-fw fas fa-bars"></i>
              </button>
            </div>
            <div class="topbar-button topbar-button-toc" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
              <button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="目录 (CTRL&#43;ALT&#43;t)">
                <i class="fa-fw fas fa-list-alt"></i>
              </button>
              <div class="topbar-content">
                <div class="topbar-content-wrapper"><nav class="TableOfContents">
  <ul>
    <li><a href="#markdown-简介">Markdown 简介</a></li>
    <li><a href="#段落">段落</a></li>
    <li><a href="#标题">标题</a></li>
    <li><a href="#水平分割线">水平分割线</a></li>
    <li><a href="#文本样式">文本样式</a>
      <ul>
        <li><a href="#加粗">加粗</a></li>
        <li><a href="#斜体">斜体</a></li>
        <li><a href="#删除">删除</a></li>
      </ul>
    </li>
    <li><a href="#文本替换">文本替换</a></li>
    <li><a href="#列表">列表</a>
      <ul>
        <li><a href="#无序列表">无序列表</a></li>
        <li><a href="#有序列表">有序列表</a></li>
        <li><a href="#任务">任务</a></li>
        <li><a href="#详情列表">详情列表</a></li>
      </ul>
    </li>
    <li><a href="#代码">代码</a>
      <ul>
        <li><a href="#行内代码">行内代码</a></li>
        <li><a href="#代码块">代码块</a></li>
      </ul>
    </li>
    <li><a href="#表格">表格</a></li>
    <li><a href="#块引用">块引用</a></li>
    <li><a href="#链接">链接</a></li>
    <li><a href="#脚注">脚注</a></li>
    <li><a href="#图片">图片</a></li>
    <li><a href="#图片特效">图片特效</a></li>
  </ul>
</nav>
                </div>
              </div>
            </div>
          </div>
          <ol class="topbar-breadcrumbs breadcrumbs highlightable" itemscope itemtype="http://schema.org/BreadcrumbList"><li
            itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../"><span itemprop="name">[生活/工作/学习]</span></a><meta itemprop="position" content="1">&nbsp;>&nbsp;</li><li
            itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><a itemprop="item" href="../../static-website/"><span itemprop="name">静态网站</span></a><meta itemprop="position" content="2">&nbsp;>&nbsp;</li><li
            itemscope itemtype="https://schema.org/ListItem" itemprop="itemListElement"><span itemprop="name">Markdown</span><meta itemprop="position" content="3"></li>
          </ol>
          <div class="topbar-area topbar-area-end" data-area="end">
            <div class="topbar-button topbar-button-print" data-content-empty="disable" data-width-s="area-more" data-width-m="show" data-width-l="show">
              <a class="topbar-control" href="../../static-website/markdown-syntax/index.print.html" title="打印整章 (CTRL&#43;ALT&#43;p)">
                <i class="fa-fw fas fa-print"></i>
              </a>
            </div>
            <div class="topbar-button topbar-button-prev" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
              <a class="topbar-control" href="../../static-website/howto-use-hugo/" title="使用hugo搭建静态网站 (🡐)">
                <i class="fa-fw fas fa-chevron-left"></i>
              </a>
            </div>
            <div class="topbar-button topbar-button-next" data-content-empty="disable" data-width-s="show" data-width-m="show" data-width-l="show">
              <a class="topbar-control" href="../../static-website/shortcodes/" title="shortcodes(简码) (🡒)">
                <i class="fa-fw fas fa-chevron-right"></i>
              </a>
            </div>
            <div class="topbar-button topbar-button-more" data-content-empty="hide" data-width-s="show" data-width-m="show" data-width-l="show">
              <button class="topbar-control" onclick="toggleTopbarFlyout(this)" type="button" title="更多">
                <i class="fa-fw fas fa-ellipsis-v"></i>
              </button>
              <div class="topbar-content">
                <div class="topbar-content-wrapper">
                  <div class="topbar-area topbar-area-more" data-area="more">
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </nav>
      <div id="R-main-overlay"></div>
      <main id="R-body-inner" class="highlightable default" tabindex="-1">
        <div class="flex-block-wrapper">
          <article class="default">
            <header class="headline">
<div class=" taxonomy-tags term-list cstyle  tags" title="Tags" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
  <ul>
    <li><a class="term-link" href="../../tags/markdown/">markdown</a></li>
  </ul>
</div>
            </header>
<h1 id="markdown">Markdown</h1>

<h2 id="markdown-简介">Markdown 简介</h2>
<h2 id="段落">段落</h2>
<p>段落之间使用空行分割。</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">这是第一段。
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">这是第二段。
</span></span><span class="line"><span class="cl">这也是第二段。
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">这才是第三段。</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>这是第一段。</p>
<p>这是第二段。
这也是第二段。</p>
<p>这才是第三段。</p>
</div>
</div>
<h2 id="标题">标题</h2>
<p><code>h1 - h6</code> 使用1到6个 <code>#</code> 表示。</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="gh"># 一级标题
</span></span></span><span class="line"><span class="cl"><span class="gh"></span><span class="gu">## 二级标题
</span></span></span><span class="line"><span class="cl"><span class="gu">### 三级标题
</span></span></span><span class="line"><span class="cl"><span class="gu">#### 四级标题
</span></span></span><span class="line"><span class="cl"><span class="gu">##### 五级标题
</span></span></span><span class="line"><span class="cl"><span class="gu"></span>###### 六级标题</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<h1 id="一级标题">一级标题</h1>
<h2 id="二级标题">二级标题</h2>
<h3 id="三级标题">三级标题</h3>
<h4 id="四级标题">四级标题</h4>
<h5 id="五级标题">五级标题</h5>
<h6 id="六级标题">六级标题</h6>
</div>
</div>
<h2 id="水平分割线">水平分割线</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">---</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<hr>
</div>
</div>
<h2 id="文本样式">文本样式</h2>
<h3 id="加粗">加粗</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">这是**粗体**。</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>这是<strong>粗体</strong>。</p>
</div>
</div>
<h3 id="斜体">斜体</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">这是 <span class="ge">_斜体_</span>。</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>这是 <em>斜体</em>。</p>
</div>
</div>
<h3 id="删除">删除</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">这是~~删除~~。</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>这是<del>删除</del>。</p>
</div>
</div>
<h2 id="文本替换">文本替换</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">|源文本|替换后文本|
</span></span><span class="line"><span class="cl">|------|-----------|
</span></span><span class="line"><span class="cl">|`&#34;`  |  <span class="ge">**</span>&#34;XXX&#34;** |
</span></span><span class="line"><span class="cl">|`&#39;`  |  <span class="ge">**</span>&#39;XXX&#39;** |
</span></span><span class="line"><span class="cl">|`<span class="err">&lt;&lt;</span>` |  <span class="ge">**</span><span class="err">&lt;&lt;</span>** |
</span></span><span class="line"><span class="cl">|`&gt;&gt;` |  <span class="ge">**</span>&gt;&gt;** |
</span></span><span class="line"><span class="cl">|`...`|  <span class="ge">**</span>...** |</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<table>
<thead>
<tr>
<th>源文本</th>
<th>替换后文本</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>&quot;</code></td>
<td><strong>&ldquo;XXX&rdquo;</strong></td>
</tr>
<tr>
<td><code>'</code></td>
<td><strong>&lsquo;XXX&rsquo;</strong></td>
</tr>
<tr>
<td><code>&lt;&lt;</code></td>
<td><strong>&laquo;</strong></td>
</tr>
<tr>
<td><code>&gt;&gt;</code></td>
<td><strong>&raquo;</strong></td>
</tr>
<tr>
<td><code>...</code></td>
<td><strong>&hellip;</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
<h2 id="列表">列表</h2>
<h3 id="无序列表">无序列表</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="k">-</span> XX
</span></span><span class="line"><span class="cl">  + aa
</span></span><span class="line"><span class="cl">  + bb
</span></span><span class="line"><span class="cl"><span class="k">-</span> YY
</span></span><span class="line"><span class="cl">  + mm
</span></span><span class="line"><span class="cl">    <span class="k">*</span> 00
</span></span><span class="line"><span class="cl">    <span class="k">*</span> 11
</span></span><span class="line"><span class="cl">  + nn
</span></span><span class="line"><span class="cl"><span class="k">-</span> ZZ
</span></span><span class="line"><span class="cl">  <span class="k">-</span> 222
</span></span><span class="line"><span class="cl">  - 333</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<ul>
<li>XX
<ul>
<li>aa</li>
<li>bb</li>
</ul>
</li>
<li>YY
<ul>
<li>mm
<ul>
<li>00</li>
<li>11</li>
</ul>
</li>
<li>nn</li>
</ul>
</li>
<li>ZZ
<ul>
<li>222</li>
<li>333</li>
</ul>
</li>
</ul>
</div>
</div>
<h3 id="有序列表">有序列表</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="k">1.</span> XX
</span></span><span class="line"><span class="cl">    <span class="k">1.</span> aa
</span></span><span class="line"><span class="cl">    <span class="k">2.</span> bb
</span></span><span class="line"><span class="cl"><span class="k">1.</span> YY
</span></span><span class="line"><span class="cl">    <span class="k">1.</span> mm
</span></span><span class="line"><span class="cl">        <span class="k">1.</span> 00
</span></span><span class="line"><span class="cl">        <span class="k">3.</span> 11
</span></span><span class="line"><span class="cl">    <span class="k">99.</span> nn
</span></span><span class="line"><span class="cl"><span class="k">1.</span> ZZ
</span></span><span class="line"><span class="cl">    <span class="k">1.</span> 222
</span></span><span class="line"><span class="cl">    5. 333</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<ol>
<li>XX
<ol>
<li>aa</li>
<li>bb</li>
</ol>
</li>
<li>YY
<ol>
<li>mm
<ol>
<li>00</li>
<li>11</li>
</ol>
</li>
<li>nn</li>
</ol>
</li>
<li>ZZ
<ol>
<li>222</li>
<li>333</li>
</ol>
</li>
</ol>
</div>
</div>
<h3 id="任务">任务</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="k">- [x]</span> task
</span></span><span class="line"><span class="cl"><span class="k">- [ ]</span> task
</span></span><span class="line"><span class="cl">  <span class="k">- [x]</span> task
</span></span><span class="line"><span class="cl">  <span class="k">- [ ]</span> task
</span></span><span class="line"><span class="cl">- [ ] task</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<ul>
<li><input checked="" disabled="" type="checkbox"> task</li>
<li><input disabled="" type="checkbox"> task
<ul>
<li><input checked="" disabled="" type="checkbox"> task</li>
<li><input disabled="" type="checkbox"> task</li>
</ul>
</li>
<li><input disabled="" type="checkbox"> task</li>
</ul>
</div>
</div>
<h3 id="详情列表">详情列表</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">术语
</span></span><span class="line"><span class="cl">: 说明1描述
</span></span><span class="line"><span class="cl">: 说明2描述
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">术语
</span></span><span class="line"><span class="cl">: 说明1描述段落1。
</span></span><span class="line"><span class="cl">  
</span></span><span class="line"><span class="cl">  说明1描述段落2。
</span></span><span class="line"><span class="cl">: 说明2描述段落。</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<dl>
<dt>术语</dt>
<dd>说明1描述</dd>
<dd>说明2描述</dd>
<dt>术语</dt>
<dd>说明1描述段落1。
<p>说明1描述段落2。</p>
</dd>
<dd>说明2描述段落。</dd>
</dl>
</div>
</div>
<h2 id="代码">代码</h2>
<h3 id="行内代码">行内代码</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">递增运算 <span class="sb">`i++;`</span></span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>递增运算 <code>i++;</code></p>
</div>
</div>
<h3 id="代码块">代码块</h3>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="s">```go
</span></span></span><span class="line"><span class="cl"><span class="s"></span><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">    <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">()</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span>
</span></span><span class="line"><span class="cl"><span class="s">```</span></span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-go" data-lang="go"><span class="line"><span class="cl"><span class="kn">import</span> <span class="s">&#34;fmt&#34;</span>
</span></span><span class="line"><span class="cl"><span class="kd">func</span> <span class="nf">main</span><span class="p">()</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">    <span class="nx">fmt</span><span class="p">.</span><span class="nf">Println</span><span class="p">()</span>
</span></span><span class="line"><span class="cl"><span class="p">}</span></span></span></code></pre></div></div>
</div>
<h2 id="表格">表格</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">默认左对齐
</span></span><span class="line"><span class="cl">|表头1 | 表头2 |
</span></span><span class="line"><span class="cl">|------|------|
</span></span><span class="line"><span class="cl">|数字| 1 2 3|
</span></span><span class="line"><span class="cl">|字母| a b c|
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">指定对齐方式
</span></span><span class="line"><span class="cl">|表头1 | 表头2 | 表头3 |
</span></span><span class="line"><span class="cl">|:-----|:----:|------:|
</span></span><span class="line"><span class="cl">|数字| 1 2 3|说明1|
</span></span><span class="line"><span class="cl">|字母| a b c|说明2|</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>默认左对齐</p>
<table>
<thead>
<tr>
<th>表头1</th>
<th>表头2</th>
</tr>
</thead>
<tbody>
<tr>
<td>数字</td>
<td>1 2 3</td>
</tr>
<tr>
<td>字母</td>
<td>a b c</td>
</tr>
</tbody>
</table>
<p>指定对齐方式</p>
<table>
<thead>
<tr>
<th style="text-align:left">表头1</th>
<th style="text-align:center">表头2</th>
<th style="text-align:right">表头3</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align:left">数字</td>
<td style="text-align:center">1 2 3</td>
<td style="text-align:right">说明1</td>
</tr>
<tr>
<td style="text-align:left">字母</td>
<td style="text-align:center">a b c</td>
<td style="text-align:right">说明2</td>
</tr>
</tbody>
</table>
</div>
</div>
<h2 id="块引用">块引用</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl"><span class="k">&gt; </span><span class="ge">段落1
</span></span></span><span class="line"><span class="cl"><span class="ge"></span>继续段落1
</span></span><span class="line"><span class="cl"><span class="k">&gt;
</span></span></span><span class="line"><span class="cl"><span class="k"></span><span class="ge">&gt; &gt; 嵌套段落
</span></span></span><span class="line"><span class="cl"><span class="ge"></span>    嵌套段落
</span></span><span class="line"><span class="cl">嵌套段落
</span></span><span class="line"><span class="cl">&gt;
</span></span><span class="line"><span class="cl">&gt; 段落2</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<blockquote>
<p>段落1
继续段落1</p>
<blockquote>
<p>嵌套段落
嵌套段落
嵌套段落</p>
</blockquote>
<p>段落2</p>
</blockquote>
</div>
</div>
<h2 id="链接">链接</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">自动链接 https://baidu.com
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">标准链接 [<span class="nt">百度</span>](<span class="na">https://baidu.com</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">带提示框的链接  [<span class="nt">百度</span>](<span class="na">https://baidu.com &#34;中文搜索引擎&#34;</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">参考链接 [百度][link-01]
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">[link-01]: https://baidu.com &#34;中文搜索引擎&#34;</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>自动链接 <a href="https://baidu.com" target="_blank">https://baidu.com</a></p>
<p>标准链接 <a href="https://baidu.com" target="_blank">百度</a></p>
<p>带提示框的链接  <a href="https://baidu.com" title="中文搜索引擎" target="_blank">百度</a></p>
<p>参考链接 <a href="https://baidu.com" title="中文搜索引擎" target="_blank">百度</a></p>
</div>
</div>
<h2 id="脚注">脚注</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">什么是脚注[^1]
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">脚注[^ft-01]的另外一种表示形式。
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">[^1]: 脚注说明
</span></span><span class="line"><span class="cl">[^ft-01]:
</span></span><span class="line"><span class="cl">    脚注说明段落1。
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">    脚注说明段落2。</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>什么是脚注<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<p>脚注<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>的另外一种表示形式。</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>脚注说明&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>脚注说明段落1。</p>
<p>脚注说明段落2。&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
</div>
</div>
<h2 id="图片">图片</h2>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">图片 ![<span class="nt">cat</span>](<span class="na">images/acat.jpg</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">带提示框的图片  ![<span class="nt">cat</span>](<span class="na">images/acat.jpg &#34;Cat&#34;</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">参考图片 [cat][pic-01]
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">[pic-01]: images/acat.jpg &#34;Cat&#34;</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p>图片 <a href="#R-image-2cdec9757df7f87987e81328f9476400" class="lightbox-link"><img src="images/acat.jpg" alt="cat" class="figure-image noborder lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2cdec9757df7f87987e81328f9476400"><img src="images/acat.jpg" alt="cat" class="lightbox-image noborder lightbox noshadow" loading="lazy"></a></p>
<p>带提示框的图片  <a href="#R-image-d6a01b39e9a91d0c1d93eb6c69bcd865" class="lightbox-link"><img src="images/acat.jpg" alt="cat" title="Cat" class="figure-image noborder lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-d6a01b39e9a91d0c1d93eb6c69bcd865"><img src="images/acat.jpg" alt="cat" title="Cat" class="lightbox-image noborder lightbox noshadow" loading="lazy"></a></p>
<p>参考图片 <a href="#R-image-ca9910a96a912e34d508184653dc7d88" class="lightbox-link"><img src="images/acat.jpg" alt="cat" title="Cat" class="figure-image noborder lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-ca9910a96a912e34d508184653dc7d88"><img src="images/acat.jpg" alt="cat" title="Cat" class="lightbox-image noborder lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<h2 id="图片特效">图片特效</h2>
<p>该主题（relearn）自定义的格式。</p>
<p>设置图片大小</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/cat.jpg?width=20vw</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/cat.jpg?height=80px</span>)</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p><a href="#R-image-5f074fa0b93bf05601aad0642a106933" class="lightbox-link"><img src="images/cat.jpg?width=20vw" alt="cat" class="figure-image noborder lightbox noshadow" style="height: auto; width: 20vw;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5f074fa0b93bf05601aad0642a106933"><img src="images/cat.jpg?width=20vw" alt="cat" class="lightbox-image noborder lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-e0544a0d2bff751662f49a64ebfa0147" class="lightbox-link"><img src="images/cat.jpg?height=80px" alt="cat" class="figure-image noborder lightbox noshadow" style="height: 80px; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e0544a0d2bff751662f49a64ebfa0147"><img src="images/cat.jpg?height=80px" alt="cat" class="lightbox-image noborder lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<p>设置CSS</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=shadow</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=border</span>)</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p><a href="#R-image-f12f5206954795895afed6f1c854f972" class="lightbox-link"><img src="images/acat.jpg?classes=shadow" alt="cat" class="figure-image noborder lightbox shadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-f12f5206954795895afed6f1c854f972"><img src="images/acat.jpg?classes=shadow" alt="cat" class="lightbox-image noborder lightbox shadow" loading="lazy"></a></p>
<p><a href="#R-image-3b0c81ccb2e081fa8473f5082499ad61" class="lightbox-link"><img src="images/acat.jpg?classes=border" alt="cat" class="figure-image border lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-3b0c81ccb2e081fa8473f5082499ad61"><img src="images/acat.jpg?classes=border" alt="cat" class="lightbox-image border lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<p>位置</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=left</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=right</span>)</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p><a href="#R-image-2cb03edff55b4184fae5b1a6e988c24d" class="lightbox-link"><img src="images/acat.jpg?classes=left" alt="cat" class="figure-image noborder left lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2cb03edff55b4184fae5b1a6e988c24d"><img src="images/acat.jpg?classes=left" alt="cat" class="lightbox-image noborder left lightbox noshadow" loading="lazy"></a></p>
<p><a href="#R-image-2c024df9ba603c92e7a0dc2a66f7edfd" class="lightbox-link"><img src="images/acat.jpg?classes=right" alt="cat" class="figure-image noborder lightbox right noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-2c024df9ba603c92e7a0dc2a66f7edfd"><img src="images/acat.jpg?classes=right" alt="cat" class="lightbox-image noborder lightbox right noshadow" loading="lazy"></a></p>
</div>
</div>
<p>内联</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=inline</span>)
</span></span><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=inline</span>)
</span></span><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=inline</span>)</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p><a href="#R-image-5217af4f4315b6f1c13417da45666b89" class="lightbox-link"><img src="images/acat.jpg?classes=inline" alt="cat" class="figure-image noborder inline lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5217af4f4315b6f1c13417da45666b89"><img src="images/acat.jpg?classes=inline" alt="cat" class="lightbox-image noborder inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-aa56092702f67f8bc4434438c27c4cb6" class="lightbox-link"><img src="images/acat.jpg?classes=inline" alt="cat" class="figure-image noborder inline lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-aa56092702f67f8bc4434438c27c4cb6"><img src="images/acat.jpg?classes=inline" alt="cat" class="lightbox-image noborder inline lightbox noshadow" loading="lazy"></a>
<a href="#R-image-5b9c4433e38d07f5a1b5318b07403737" class="lightbox-link"><img src="images/acat.jpg?classes=inline" alt="cat" class="figure-image noborder inline lightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-5b9c4433e38d07f5a1b5318b07403737"><img src="images/acat.jpg?classes=inline" alt="cat" class="lightbox-image noborder inline lightbox noshadow" loading="lazy"></a></p>
</div>
</div>
<p>组合</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?classes=left,border,shadow</span>)</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p><a href="#R-image-e5875a8dd93e88f359ef4bf239ea50f8" class="lightbox-link"><img src="images/acat.jpg?classes=left,border,shadow" alt="cat" class="figure-image border left lightbox shadow" style="height: auto; width: auto;" loading="lazy"></a>
<a href="javascript:history.back();" class="lightbox-back" id="R-image-e5875a8dd93e88f359ef4bf239ea50f8"><img src="images/acat.jpg?classes=left,border,shadow" alt="cat" class="lightbox-image border left lightbox shadow" loading="lazy"></a></p>
</div>
</div>
<p>Lightbox(控制图片的链接)</p>
<div class="wrap-code highlight"><pre tabindex="0" class="chroma"><code class="language-markdown" data-lang="markdown"><span class="line"><span class="cl">![<span class="nt">cat</span>](<span class="na">images/acat.jpg?lightbox=false</span>)
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">[<span class="nt">![cat</span>](<span class="na">images/acat.jpg?lightbox=false</span>)](https://octodex.github.com/#homercat)</span></span></code></pre></div>
<div class="box notices cstyle secondary">
  <div class="box-label"><i class="fa-fw fas fa-eye"></i> 效果</div>
  <div class="box-content">

<p><img src="images/acat.jpg?lightbox=false" alt="cat" class="figure-image noborder nolightbox noshadow" style="height: auto; width: auto;" loading="lazy"></p>
<p><a href="https://octodex.github.com/#homercat" target="_blank"><img src="images/acat.jpg?lightbox=false" alt="cat" class="figure-image noborder nolightbox noshadow" style="height: auto; width: auto;" loading="lazy"></a></p>
</div>
</div>

            <footer class="footline">
<div class=" taxonomy-categories term-list cstyle  " title="Categories" style="--VARIABLE-TAGS-BG-color: var(--INTERNAL-TAG-BG-color);">
  <i class="fa-fw fas fa-layer-group"></i>
  <ul>
    <li><a class="term-link" href="../../categories/%E5%B7%A5%E5%85%B7/">工具</a></li>
  </ul>
</div>
            </footer>
          </article>
        </div>
      </main>
    </div>
    <aside id="R-sidebar" class="default-animation showVisitedLinks">
      <div id="R-header-topbar" class="default-animation"></div>
      <div id="R-header-wrapper" class="default-animation">
        <div id="R-header" class="default-animation">
          <style>
            #R-logo svg,
            #R-logo svg * {
              color: #282828;
              color: var(--MENU-SECTIONS-BG-color);
              fill: #282828 !important;
              fill: var(--MENU-SECTIONS-BG-color) !important;
              opacity: .945;
            }
            a#R-logo {
              color: #282828;
              color: var(--MENU-SECTIONS-BG-color);
              font-family: 'Work Sans', 'Helvetica', 'Tahoma', 'Geneva', 'Arial', sans-serif;
              font-size: 1.875rem;
              font-weight: 300;
              margin-top: -.8125rem;
              max-width: 60%;
              text-transform: uppercase;
              width: 14.125rem;
              white-space: nowrap;
            }
            a#R-logo:hover {
              color: #282828;
              color: var(--MENU-SECTIONS-BG-color);
            }
            #R-logo svg {
              margin-bottom: -1.25rem;
              margin-inline-start: -1.47rem;
              margin-inline-end: .5rem;
              width: 40.5%;
            }
            @media only all and (max-width: 59.999rem) {
              a#R-logo {
                font-size: 1.5625rem;
                margin-top: -.1875rem;
              }
              #R-logo svg {
                margin-bottom: -.75rem;
                margin-inline-start: -1.47rem;
                margin-inline-end: .5rem;
              }
            }
            @media all and (-ms-high-contrast:none) {
              /* IE11s understanding of positioning is weird at best */
              a#R-logo {
                margin-top: -3.625rem;
              }
              #R-logo svg {
                margin-bottom: -3.875rem;
                margin-left: -1.47rem;
                margin-right: .5rem;
              }
            }
            @media only all and (-ms-high-contrast:none) and (max-width: 59.999rem) {
              #R-logo svg {
                margin-left: -1.47rem;
                margin-right: .5rem;
              }
            }
          </style>
          <a id="R-logo" href="../../">
            NOTEBOOK
          </a>

        </div>
        <form action="../../search.html" method="get"><div class="searchbox default-animation">
          <button class="search-detail" type="submit" title="搜索 (CTRL+ALT+f)"><i class="fas fa-search"></i></button>
          <label class="a11y-only" for="R-search-by">搜索</label>
          <input data-search-input id="R-search-by" name="search-by" class="search-by" type="search" placeholder="搜索...">
          <button class="search-clear" type="button" data-search-clear="" title="清除搜索"><i class="fas fa-times" title="清除搜索"></i></button>
        </div></form>
        <script>
          var contentLangs=['zh'];
        </script>
        <script src="../../js/auto-complete.js?1701141429" defer></script>
        <script src="../../js/lunr/lunr.min.js?1701141429" defer></script>
        <script src="../../js/lunr/lunr.stemmer.support.min.js?1701141429" defer></script>
        <script src="../../js/lunr/lunr.multi.min.js?1701141429" defer></script>
        <script src="../../js/lunr/lunr.zh.min.js?1701141429" defer></script>
        <script src="../../js/search.js?1701141429" defer></script>
      </div>
      <div id="R-homelinks" class="default-animation">
        <hr class="padding">
      </div>
      <div id="R-content-wrapper" class="highlightable">
        <div id="R-topics">
          <ul class="enlarge morespace collapsible-menu">
          <li data-nav-id="/data-structure/" class=""><a class="padding" href="../../data-structure/"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">1.</b> 
数据结构与算法<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/linux-kernel/" class=""><a class="padding" href="../../linux-kernel/"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">2.</b> 
Linux Kernel<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/networking/" class=""><a class="padding" href="../../networking/"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">3.</b> 
计算机网络<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/arm-arch/" class=""><a class="padding" href="../../arm-arch/"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">4.</b> 
ARM体系结构<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/tools/" class=""><a class="padding" href="../../tools/"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">9.</b> 
常用工具<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/static-website/" class="parent "><input type="checkbox" id="R-section-2697f83fe819da45e6e8016c89d0f1d0" aria-controls="R-subsections-2697f83fe819da45e6e8016c89d0f1d0" checked><label for="R-section-2697f83fe819da45e6e8016c89d0f1d0"><i class="fas fa-chevron-down"></i><i class="fas fa-chevron-right"></i><span class="a11y-only">子菜单静态网站</span></label><a class="padding" href="../../static-website/"><b style="display: inline-block; font-weight: 200; padding-left: .3rem; text-align: left; width: 1.1rem;">10.</b> 
静态网站<i class="fas fa-check read-icon"></i></a><ul id="R-subsections-2697f83fe819da45e6e8016c89d0f1d0" class="morespace collapsible-menu">
          <li data-nav-id="/static-website/howto-use-hugo/" class=""><a class="padding" href="../../static-website/howto-use-hugo/">
使用hugo搭建静态网站<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/static-website/markdown-syntax/" class="active"><a class="padding" href="../../static-website/markdown-syntax/">
Markdown<i class="fas fa-check read-icon"></i></a></li>
          <li data-nav-id="/static-website/shortcodes/" class=""><a class="padding" href="../../static-website/shortcodes/">
shortcodes(简码)<i class="fas fa-check read-icon"></i></a></li></ul></li>
          </ul>
        </div>
        <div id="R-shortcuts">
          <div class="nav-title padding">更多</div>
          <ul class="space">
            <li><a class="padding" href="https://gitee.com/dipperkun"><i class='fab fa-fw fa-git'></i> Gitee</a></li>
            <li><a class="padding" href="https://mcshelby.github.io/hugo-theme-relearn/"><i class='fas fa-fw fa-bookmark'></i> Relearn主题</a></li>
            <li><a class="padding" href="../../tags/"><i class='fas fa-fw fa-tags'></i> 标签</a></li>
            <li><a class="padding" href="../../categories/"><i class='fas fa-fw fa-layer-group'></i> 分类</a></li>
          </ul>
        </div>
        <div class="padding footermargin footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showVariantSwitch showVisitedLinks showFooter"></div>
        <div id="R-menu-footer">
          <hr class="padding default-animation footerLangSwitch footerVariantSwitch footerVisitedLinks footerFooter showVariantSwitch showVisitedLinks showFooter">
          <div id="R-prefooter" class="footerLangSwitch footerVariantSwitch footerVisitedLinks showVariantSwitch showVisitedLinks">
            <ul>
              <li id="R-select-language-container" class="footerLangSwitch">
                <div class="padding menu-control">
                  <i class="fas fa-language fa-fw"></i>
                  <span>&nbsp;</span>
                  <div class="control-style">
                    <label class="a11y-only" for="R-select-language">语言</label>
                    <select id="R-select-language" onchange="location = baseUri + this.value;">
                    </select>
                  </div>
                  <div class="clear"></div>
                </div>
              </li>
              <li id="R-select-variant-container" class="footerVariantSwitch showVariantSwitch">
                <div class="padding menu-control">
                  <i class="fas fa-paint-brush fa-fw"></i>
                  <span>&nbsp;</span>
                  <div class="control-style">
                    <label class="a11y-only" for="R-select-variant">主题</label>
                    <select id="R-select-variant" onchange="window.variants && variants.changeVariant( this.value );">
                      <option id="R-zen-light" value="zen-light" selected>Zen Light</option>
                      <option id="R-zen-dark" value="zen-dark">Zen Dark</option>
                    </select>
                  </div>
                  <div class="clear"></div>
                </div>
                <script>window.variants && variants.markSelectedVariant();</script>
              </li>
              <li class="footerVisitedLinks showVisitedLinks">
                <div class="padding menu-control">
                  <i class="fas fa-history fa-fw"></i>
                  <span>&nbsp;</span>
                  <div class="control-style">
                    <button onclick="clearHistory();">清理历史记录</button>
                  </div>
                  <div class="clear"></div>
                </div>
              </li>
            </ul>
          </div>
          <div id="R-footer" class="footerFooter showFooter">
<p>Built with <a href="https://gitee.com/dippekun" title="love"><i class="fas fa-heart" style="color: #FF0000;"></i></a> by <a href="https://gohugo.io/">Hugo</a></p>
          </div>
        </div>
      </div>
    </aside>
    <script src="../../js/clipboard.min.js?1701141429" defer></script>
    <script src="../../js/perfect-scrollbar.min.js?1701141429" defer></script>
    <script src="../../js/theme.js?1701141429" defer></script>
  </body>
</html>
